<template>
  <div class="big-box">
    <div class="title">
      {{thisComponen.attribute.titName}}
    </div>
    <div class="con">
      <el-input :maxLength="thisComponen.attribute.maxLength" :placeholder="thisComponen.attribute.placeholder">
      </el-input>
    </div>
  </div>
</template>
<script>
export default {
  props: ["thisComponen"],
  data() {
    return {};
  }
};
</script>

<style scoped>
.big-box {
  width: 100%;
  height: auto;
  display: flex;
  -webkit-display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 120px;
  position: relative;
}
.title {
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  display: flex;
  -webkit-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  /* border: 1px solid red; */
}
.con {
  width: 100%;
  height: auto;
}
</style>
